<template>
  <h2>Home</h2>
</template>

<script lang="ts" setup name="Home">
import { onMounted, onUnmounted } from 'vue'
import { useRouter } from 'vue-router'
// 每次路由切换，都包含旧页面的卸载和新页面的挂载

onMounted(() => {
  console.log('home 挂载')
  // 用编程式路由导航实现首页显示 3 秒后自动跳转到新闻页
  // 编程式路由导航的使用频率远大于 routerlink 标签，非常重要
  const router = useRouter()
  setTimeout(() => {
    router.push('/news')
  }, 3000)
})

onUnmounted(() => {
  console.log('home 卸载')
})
</script>

<style></style>